<demo-component
  [demoId]="'markdown-navigator-demo-basic'"
  [demoTitle]="'Basic'"
>
  <markdown-navigator-demo-basic></markdown-navigator-demo-basic>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-children-url'"
  [demoTitle]="'Children url'"
>
  <markdown-navigator-demo-children-url></markdown-navigator-demo-children-url>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-anchor'"
  [demoTitle]="'Anchor jumping'"
>
  <markdown-navigator-demo-anchor></markdown-navigator-demo-anchor>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-start-at'"
  [demoTitle]="'Start at'"
>
  <markdown-navigator-demo-start-at></markdown-navigator-demo-start-at>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-children-url-start-at'"
  [demoTitle]="'Start at with children url'"
>
  <markdown-navigator-demo-children-url-start-at></markdown-navigator-demo-children-url-start-at>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-start-at-onclick-children-url'"
  [demoTitle]="'StartAt on nested url'"
>
  <markdown-navigator-demo-start-at-onclick-children-url></markdown-navigator-demo-start-at-onclick-children-url>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-footer'"
  [demoTitle]="'Footer'"
>
  <markdown-navigator-demo-footer></markdown-navigator-demo-footer>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-button-clicked'"
  [demoTitle]="'Button click events'"
>
  <markdown-navigator-demo-button-clicked></markdown-navigator-demo-button-clicked>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-service'"
  [demoTitle]="'Service'"
>
  <markdown-navigator-demo-service></markdown-navigator-demo-service>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-service-button-clicked'"
  [demoTitle]="'Button click events via service'"
>
  <markdown-navigator-demo-service-button-clicked></markdown-navigator-demo-service-button-clicked>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-directive'"
  [demoTitle]="'Directive'"
>
  <markdown-navigator-demo-directive></markdown-navigator-demo-directive>
</demo-component>

<demo-component
  [demoId]="'markdown-navigator-demo-editor'"
  [demoTitle]="'Live editor'"
>
  <markdown-navigator-demo-editor></markdown-navigator-demo-editor>
</demo-component>
